<div id="addGovVolunteerModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body">
        <h3 class="m-t-none m-b ">添加志愿人员</h3>
        <div class="ibox-content">
          <div>
            <div>
              
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">志愿者名称</label>
                <div class="col-sm-4">
                  <input v-model="addGovVolunteerInfo.name" type="text" placeholder="必填，请填写志愿者名称" class="form-control">
                </div>
                <label class="col-sm-2 col-form-label">身份证号码</label>
                <div class="col-sm-4">
                  <input v-model="addGovVolunteerInfo.persons.idCard" type="text" placeholder="必填，请填写证件号码" class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">住址</label>
                <div class="col-sm-4">
                  <input v-model="addGovVolunteerInfo.address" type="text" placeholder="必填，请填写住址" class="form-control">
                </div>
                <label class="col-sm-2 col-form-label">手机号</label>
                <div class="col-sm-4">
                  <input v-model="addGovVolunteerInfo.tel" type="text" placeholder="必填，请填写手机号" class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">民族</label>
                <div class="col-sm-4">
                  <select class="custom-select" v-model="addGovVolunteerInfo.persons.nation">
                    <option selected disabled value="">必填，请选择民族</option>
                    <option v-for="(item,index) in addGovVolunteerInfo.nationData" :key="index"
                      :value="item.name">{{item.name}}</option>
                  </select>                </div>
                <label class="col-sm-2 col-form-label">性别</label>
                <div class="col-sm-4">
                  <select class="custom-select" v-model="addGovVolunteerInfo.persons.personSex">
                    <option selected disabled value="">必填，请选择性别</option>
                    <option value="0">女</option>
                    <option value="1">男</option>
                  </select>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">是否学生</label>
                <div class="col-sm-4">
                    <select class="custom-select" v-model="addGovVolunteerInfo.student">
                      <option selected disabled value="">必填，请选择是否学生</option>
                      <option value="0">是</option>
                      <option value="1">否</option>
                    </select>
                </div>
                <label class="col-sm-2 col-form-label">籍贯</label>
                <div class="col-sm-4">
                  <input v-model="addGovVolunteerInfo.persons.nativePlace" type="text" placeholder="选填，请填写籍贯" class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">政治面貌</label>
                <div class="col-sm-4">
                    <select class="custom-select" v-model="addGovVolunteerInfo.persons.politicalOutlook">
                        <option selected disabled value="">必填，请选择政治面貌</option>
                        <option v-for="(item,index) in addGovVolunteerInfo.politicalOutlooks" :key="index" :value="item.statusCd">{{item.name}}</option>
                    </select>
                </div>
                <label class="col-sm-2 col-form-label">学校或工作单位</label>
                <div class="col-sm-4">
                  <input v-model="addGovVolunteerInfo.company" type="text" placeholder="必填，请填写学校或工作单位"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">从业情况</label>
                <div class="col-sm-4">
                  <input v-model="addGovVolunteerInfo.volWork" type="text" placeholder="必填，请填写从业情况"
                    class="form-control">
                </div>
                <label class="col-sm-2 col-form-label">学历</label>
                <div class="col-sm-4">
                  <select class="custom-select" v-model="addGovVolunteerInfo.edu">
                    <option selected disabled value="">必填，请选择学历</option>
                    <option v-for="(item,index) in addGovVolunteerInfo.edus" :key="index" :value="item.statusCd">{{item.name}}</option>
                </select>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">擅长技能</label>
                <div class="col-sm-10">
                      <div class="checkbox custom-control-inline"
                          v-for="(valueItem,valueIndex) in addGovVolunteerInfo.goodAtSkillss">
                          <label>
                              <input type="checkbox" v-model="addGovVolunteerInfo.goodAtSkills" :value="valueItem.statusCd" class="custom-control-inline">
                              {{valueItem.name}}
                          </label>
                      </div>
                      <li style="color: darkgoldenrod;">请选择1-3个你擅长技能或者专业</li>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">服务领域</label>
                <div class="col-sm-10">
                      <div class="checkbox custom-control-inline"
                          v-for="(valueItem,valueIndex) in addGovVolunteerInfo.volunteerServs">
                          <label>
                              <input type="checkbox" v-model="addGovVolunteerInfo.volunteerServ" :value="valueItem.servId" class="custom-control-inline">
                              {{valueItem.name}}
                          </label>
                      </div>
                      <li style="color: darkgoldenrod;">请选择1-3个你志愿服务领域</li>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">空闲时间</label>
                <div class="col-sm-10">
                  <div class="checkbox custom-control-inline"
                      v-for="(valueItem,valueIndex) in addGovVolunteerInfo.freeTimes">
                      <label>
                          <input type="checkbox" v-model="addGovVolunteerInfo.freeTime" :value="valueItem.statusCd" class="custom-control-inline">
                          {{valueItem.name}}
                      </label>
                  </div>
                </div>
            </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">备注</label>
                <div class="col-sm-10">
                  <input v-model="addGovVolunteerInfo.ramark" type="text" placeholder="必填，请填写备注" class="form-control">
                </div>
              </div>

              <div class="ibox-content">
                <button class="btn btn-primary float-right" type="button" v-on:click="saveGovVolunteerInfo()"><i
                    class="fa fa-check"></i>&nbsp;保存</button>
                <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                  data-dismiss="modal">取消</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>